Pré-requisitos: Documentação de Especificação
Visão geral da interação do usuário pelas telas do sistema e protótipo interativo das telas com as funcionalidades que fazem parte do sistema (wireframes).
O diagrama apresenta o estudo do fluxo de interação do usuário com o sistema interativo e muitas vezes sem a necessidade do desenho do design das telas da interface. Isso permite que o design das interações seja bem planejado e gere impacto na qualidade no design do wireframe interativo que será desenvolvido logo em seguida.
Na primeira imagem é possivel visualizar o fluxo do usuário administrador do sistema, onde ele consegue ter todo gerenciamento do fluxo de pedidos e produtos do estabelecimento.
Nessa segunda imagem já é possivel visualizar o fluxo do usuário cliente do sistema,no caso o consumidor do estabelecimento.
Para ter acesso as interações do Wireframing abaixo acesse o Link do projeto figma a seguir : Gerenciador de Pedidos-Figma
Nessa primeira imagem do wireframing é possivél ver todo o sistema do lado do cliente, suas funcionalidades, interfaces e interações do cliente para alcançar seu objetivo.
Já nessa segunda imagem é possivél ver o sistema do lado do gerente, onde pela inteface mostrada será possivel gerenciar toda parte de pedidos do sistema.